﻿body{background-color:#EFEFEF;}
/*工具栏的样式*/
.toolBar{background-color:#9CAAC1;height:60px}
.btns{height:58px;width:60px;cursor:pointer; text-align:center;border:1px solid #C1CBDA;display:inline;}
.btnImg{ background-position:center center; background-repeat:no-repeat;height:48px;width:60px;}
.btnHover{background-color:#FFECB5;border:1px solid #FFCB53;}
.btnHoverFocus{background-color:#FFD368; border-color:red; }
/*各个按钮的图片*/
.preview{background-image:url(Images/ToolBar/preview.png);}
.generate{background-image:url(Images/ToolBar/generate.png);}

/*设计区的DIV样式*/
.designZone{position:relative;height:10cm;width:100%;background-color:white;border:1px solid #9CAAC1;overflow:auto;padding-bottom:20px;}

/*控件列表的样式*/
.controls{width:100%;}
.controls .control{background-repeat:no-repeat;width:100%;text-align:left; line-height:30px;padding-left:25px; font-size:11pt; border-bottom:1px solid white; cursor:pointer;}
.controls .controlHover{background-color:#FFE8A6; border-color:red; cursor:pointer;}
.controls .controlFocus{background-color:#FFD368; border-color:red; cursor:pointer;}
/*************************各个控件的样式*********************************************/
.controls .dropdown{ background-position:3px center;background-image:url(Images/Controls/dropdown.png);}
.controls .input{  background-position:3px center;background-image:url(Images/Controls/input.png);}
.controls .label{ background-position:1px center; background-image:url(Images/Controls/label.png);}
.controls .fieldset{ background-position:3px center; background-image:url(Images/Controls/fieldset.png);}
.controls .button{ background-position:3px center; background-image:url(Images/Controls/button.png);}
